﻿
#meta { display: none; }
#content { display: none; }
#margi { display: none; }
#footerFullWidth { display: none; }
#logo { display: none; }
#navbttm { display: none; }
#support { display: none; }

.plaintext li {line-height: 16px;}

/*
#precontent #keyvisual {
    margin-bottom: 20px;
    width: 800px;
}*/

/* h1, h2, h3, h4, h5, h6 {color:#393;} */

h2, .h2 {color:#333;}
/* .plaintext h2 {color:#393;} */

a {color:#393;}

#content em {color:#333;font-style: italic;}

.ad-list	{ list-style: none; margin: 0; padding: 0; }
.ad-list li	{ margin-bottom: 10px; }

.sitelocator li li {padding-left:0;}
.sitelocator li a {margin-left:14px;padding-right: 5px;}

/* Shadow 
---------------------------------------------- */

#breadcrumb,
#breadcrumb a {font-weight:normal;}

.box div.video img {margin-bottom:5px;}
.lst .box div.video img {margin-left:-6px;}
div.video p {padding-bottom:9px;}
div.video span {display:block; float:right; padding-left:8px;}
.video23 .pager { border: none;}
.video23 ul.btns a { padding: 0 0 0 10px;margin: 0 0 0 3px;}

.grey .alternate .video23 ul.btns a,
.grey .alternate.video-library .box h4 a,
.grey .alternate.video-library .films a { color: #666;}


#margi .news,
#margi .news a {
	/* Perhaps this is has to be overriden */
}

/*
FOOTER
---------------------------*/
#footer.footer-fullwidth .address 
{
    margin-top: 0;
}

/* Web TV
**********************************************/
/* Play icon */
.play	{ width: 48px; height: 48px; } /* Mostly for IE 8 and below */

.box .view-all { float: right;font-weight: normal;}

/* Films */
.film	{ float: left; margin: 0 0 15px 0; cursor: pointer; }
.film:first-child + .film	{ margin: 0 12px 15px; }
.film img	{ display: block; position: relative; z-index: 1; }
.film iframe	{ display: block; }

.films	{ overflow: hidden; position: relative; margin: 10px -6px 0; }
.films > a	{ display: inline-block; margin-bottom: 10px; clear: both; }
	.oldie .films > a	{ display: inline; zoom: 1; }

.films .film {
    display: inline-block;
    float: none;
    vertical-align: top;
    width: 32.8%;
}
    
    .films .film:first-child + .film {
        margin: 0 0 15px 0;
    }
    
	.oldie .films .film	{ display: inline; zoom: 1; }

.films .film > a,
.video > a {
    display: block;
    position: relative;
    margin: 0 6px;
}
.films .film > p {
    margin: 0 6px;
}

/*.films .film > a:first-child:before,
.video > a:first-child:before,*/
.play	{
	position: absolute; 
	top: 50%;
	left: 50%;
	margin: -24px 0 0 -24px;
	opacity: .7;
	z-index: 9;
	background: url("img/icon-play.png") 50% 50% no-repeat;
} 

/*.films .film > a:first-child:hover:before,
.films .film > a:first-child:focus:before,
.video > a:first-child:before:hover,
.video > a:first-child:before:focus,*/
a:hover .play,
a:focus .play
{ opacity: .4; }

.films .film img	{ width: 100%; }
.films .film h3		{ margin-top: 5px; overflow: hidden; }
.films .film h3,
.films .film p		{ margin-left:5px; margin-right:5px; }

/*
Contact form
---------------------------*/
#content .form ul.radio-list, 
#content .form ul.checkbox-list  {
    list-style: none;
    margin: 0;
    padding: 0;
}

#content .form ul.checkbox-list  {
    display: block;
    margin: 0 0 20px 180px;
}

#content .form ul.radio-list li,
#content .form ul.checkbox-list li {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#content .form ul.checkbox-list li  {
    width: 48%;
    display: inline;
    float: left;
}

#content .form ul.radio-list li input,
#content .form ul.checkbox-list li input {
    display: inline;
    float: left;
}

#content .form ul.radio-list li label,
#content .form ul.checkbox-list li label {
    clear: none;
    display: block;
    float: none;
    overflow: hidden;
    width: auto;
}

#content .form--white input[type="radio"]:checked + label {
    color: #666!important;
}

/*
Related Products list
---------------------------*/
ul.related-products {
    list-style: none;
    margin: 10px 0;
    padding: 0;
}
ul.related-products li {
    margin: 0 5px 0 0;
    padding: 0;
    float: left;
}

/*
Products view ajustment
---------------------------*/
div.showparagraph.plaintext dl {
    display: none;
}


@media only screen and (max-width:767px) {
    #content .col.lst > div.latest-updates
    {
        width: 100%;
        margin-bottom: 0;
    }
    
    .films .film { width: 49.6%; }

    #content .form ul.checkbox-list li  { width: 100%; }
}

@media only screen and (max-width:459px) 
{
    #content .col.lst > div.latest-updates {width: 100% !important;}
    
    .films .film { width: 100%; }

    #content .form label { width: 100%; }

    #content .form ul.checkbox-list {
        margin: 0 0 20px 5px;
    }
    #content .form ul.checkbox-list li {
        width: 100%;
    }
}